.el-header{
    padding: 0;
}
#home {
    width: 100%;
    height: 100%;

}
.el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 200px;
    min-height: 400px;
}

.el-menu-admin:not(.el-menu--collapse) {
    width: 200px;
    min-height: 400px;
}
.el-container {
    height: 100%;
}
.el-container {
    height: 100%;
}
.el-aside {
    width: auto;
    overflow: revert;
    background-color: #545c64;
    position: relative;
}
.el-menu-vertical-demo{
    height: 100vh;
}
.el-header {
    height: 67px;
    /*
            background-color: #fe4;
    */
}
.el-main {
    background-color: powderblue;
}
.toggle {
    font-size: 36px;
    color: #989898;
    cursor: pointer;
    line-height: 30px;
}

/*箭头特效*/
#arrowDiv{
    cursor: pointer;
    width: 35px;
    height: 50px;
    position: absolute;
    top: 40%;
    right: 0;
    text-align: center;
    line-height: 50px;
}
#arrowDiv i{
    color: dodgerblue;
    margin: -8px;
    display:inline-block;
    position: relative;
}
#arrowDiv .right{
    animation: arrowDiv 2s linear;
    animation-iteration-count: infinite
}
#arrowDiv .left{
    animation: arrowLeft 2s linear;
    animation-iteration-count: infinite
}
#arrowDiv i:nth-child(1){
    opacity: .3;
}
#arrowDiv i:nth-child(2){
    opacity: .7;
}
@keyframes arrowDiv {
    0%{left: -0.5em}
    100%{left: 0.5em}
}
@keyframes arrowLeft {
    0%{left: 0.5em}
    100%{left: -0.5em}
}
@keyframes arrowDiv2 {
    0%{opacity: .1}
    100%{opacity: .6}
}